<template>
  <div id="assessInfo" class="assessInfo text-center">
    <div class="container">
      <div class="section-title center">
        <h2>自我 <strong>评价</strong></h2>
        <hr>
      </div>
      <div class="row">
        <div class="col-md-8 col-md-offset-2">
          <div class="testimonial owl-carousel owl-theme">
            <div class="item">
              <p>
                有洞穿他人内心想法的天赋
                </br>
                向上协调沟通和向下管理的能力
                </br>
                对技术能成功落地赋能充满成就感
                </br>
                具有整合技术、人员、资源的自我驱动力
              </p>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
require
export default {
  name: "assessInfo",
  mounted() {
    this.init()
  },
  methods: {
    init() {

    }
  }
}
</script>

<style lang="less" scoped>
.assessInfo {
  background: url(http://yintaifac.oss-cn-shenzhen.aliyuncs.com/beyebe/data/20230505/2fc0235d1db824f2a927de16e6e38e18.jpg);
  background-size: cover;
  background-attachment: fixed;
  color: #ddd;
  padding: 80px 0;
}

.testimonial {
  padding: 0;

  .item {
    display: block;
    width: 100%;
    height: auto;

    p {
      font-weight: 500;
      margin: 30px 0;
      font-size: 20px;
      line-height: 40px;
      color: #ddd;
    }
  }

  .owl-theme .owl-controls {
    .owl-page span {
      display: block;
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      filter: Alpha(Opacity=1);
      opacity: 1;
      -webkit-border-radius: 0;
      -moz-border-radius: 20px;
      border-radius: 50%;
      background: #FFFFFF;
      transition: all 0.5s;
    }

    .owl-page.active span,
    &.clickable .owl-page:hover span {
      filter: Alpha(Opacity=100);
      opacity: 1;
      background: #F4D03F;
    }

    .owl-page.active span {
      background: #F4D03F;
    }
  }
}
</style>